import React from 'react';

export default class Ploader extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            display: 'none'
        };
    }
    show(cb) {
        this.setState({display: 'block'}, cb);
    }
    hide(cb) {
        this.setState({display: 'none'}, cb);
    }
    render() {
        return (
            <div className='preloader' style={{display: this.state.display}}>
                <img src={ staticUrl + 'imgs/preloader.gif'} width='128' height='128'/>
            </div>
        );
    }
}

//var Ploader = React.createClass({
//    getInitialState: function () {
//        return {
//            display: 'none'
//        };
//    },
//    show: function (cb) {
//        this.setState({display: 'block'}, cb);
//    },
//    hide: function (cb) {
//        this.setState({display: 'none'}, cb);
//    },
//    render: function () {
//        return (
//            <div className='preloader' style={{display: this.state.display}}>
//                <img src='{ initializeLocales + "/imgs/preloader.gif"}' width='128' height='128'/>
//            </div>
//        );
//    }
//});

if ('document' in window) {
    window.Preloader = React.render(<Ploader />, document.getElementById('app-preloader'));
}
